<!doctype html>
<html lang="zh" xmlns:display="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<link rel="stylesheet" type="text/css" href="libs/normalize.css" />
	<link rel="stylesheet" type="text/css" href="libs/default.css">
	<link rel="stylesheet" href="libs/liMarquee.css">
	<style type="text/css">
		.str_wrap{
			padding-left: 3em;
			padding-right: 3em;
			
			height: 10em;
			line-height: 2em;
			font-size: 1.2em;
		}
		
		.str_wrap img{
		width:100px;
		height:100px;
		border-radius:50%;
		}
		
		.str_wrap span{
		font-size:30px;
		}
	</style>
	
</head>
<body>
	<div class="jq22-container">
		
		<div class="jq22-content" style="background-image:url('images/bj.png');background-repeat: no-repeat;" >
			<h3 style="padding-left: 280px;">芳草园小学生日祝福墙</h3>
			
			<div class="str1 str_wrap" style="height:320px;margin-left: 80px;"id="main">

		        <p style="">
				<img src="images/tx.png">
				<span style="padding-top:20px">祝3（4）班张三丰生日快乐！</span>
				</p>
				
		    </div>
		   
	    </div>
	</div>
	

	
	<script src="libs/jquery.min.js"></script>
	<script src="libs/jquery.liMarquee.js"></script>
	<script>
	$(window).load(function(){
		$('.str1').liMarquee({
			direction: 'up'	
		});
		$('.str2').liMarquee({
			direction: 'down'	
		});
	});


    var baseURL = "/smart-campus/";

    $.ajax({
        url:baseURL + "/api/base/getBirthdayList",
        method:"post",
        success:function(data){
            console.log(data)
            var html = "";
            for (var m=0;m<data.birthdayList.length;m++){

               for (var n=0;n<data.birthdayList.length;n++){
                    html+= '<p>'
				   if (data.birthdayList[n].url==null || data.birthdayList[n].url==''){
                       html+= '<img src="images/tx.png">'
				   }else {
                       html+= '<img src='+ 'http://139.224.104.91:8080/' + data.birthdayList[n].url +'>'
				   }

                    html+= '<span style="padding-left: 30px;">祝'+ data.birthdayList[n].className +'' + data.birthdayList[n].name +'生日快乐！</span>'
                    html+= '</p>'
                }

                $("#main").html(html);
            }

        }
    })

	</script> 
</body>
</html>